<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表页</title>
		<link rel="stylesheet" href="./Public/Home/css/list.css" />
		<link rel="stylesheet" href="./Public/Home/css/common.css" />
		<script type="text/javascript" src="./Public/Home/js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="./Public/Home/js/land.js"></script>
		<script type="text/javascript">
			$(function(){
				$('.shou').click(function(){
					$('.CPU').hide();
					$(this).hide();
					$('.gengduo').show();
				})
				$('.gengduo').click(function(){
					$('.CPU').show();
					$('.shou').show();
					$(this).hide();
				})
			})
		</script>
	</head>
	<body>
		{{include file="../Common/login"}}
		{{include file="../Common/head"}}
		<!--分类-->
		<div class="cate">
			<div class="cateLeft">
				<ul>
					<li><a href="" class="bColor">全部商品分类</a></li>
					<li><a href=""><span></span>Lenovo笔记本</a></li>
					<li><a href=""><span></span>Lenovo笔记本</a></li>
					<li><a href=""><span></span>Lenovo笔记本</a></li>
					<li><a href=""><span></span>Lenovo笔记本</a></li>
					<li><a href=""><span></span>Lenovo笔记本</a></li>
					<li><a href=""><span></span>Lenovo笔记本</a></li>
					<li><a href=""><span></span>Lenovo笔记本</a></li>
					<li><a href=""><span></span>Lenovo笔记本</a></li>
					<li><a href=""><span></span>Lenovo笔记本</a></li>
				</ul>
			</div>
			<!--索引-->
			<div class="cateRight">
				<div class="rTop">
					<span>搜索内容：</span>
					<span class="floatRight">共<span class="sizeRed">97</span>款产品</span>
				</div>
				<div class="xilie">
					<span class="fontColor">系列：</span>
					<div>
						<span class="spBox">
							<ul>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
								<li><a href="">YOGA系列</a></li>
							</ul>
						</span>
					</div>
					<span class="duoxuan"><a href="" class="daoshanjiao">多选</a></span>
				</div>
				<div class="jiage">
					<span class="fontColor">价格：</span>
					<span class="spBox">
						<ul>
							<li><a href="">1999元以下</a></li>
							<li><a href="">2000-2999元</a></li>
							<li><a href="">3000-3999元</a></li>
							<li><a href="">4000-4999元</a></li>
							<li><a href="">5000-6999元</a></li>
							<li><a href="">7000-9999元</a></li>
							<li><a href="">10000以上</a></li>
							<li class="input">
								<input type="text" name="" id="" />
								<span class="span">—</span>
								<input type="text" name="" id="" />
								<span class="button">确定</span>
							</li>
						</ul>
					</span>
				</div>
				<div class="CPU1">
					<span class="fontColor">CPU型号：</span>
					<span class="spBox">
						<ul>
							<li><a href="">intel i3</a></li>
							<li><a href="">intel i5</a></li>
							<li><a href="">intel i7</a></li>
							<li><a href="">intel 其它</a></li>
							<li><a href="">AMD</a></li>
						</ul>
					</span>
					<span class="duoxuan"><a href="" class="daoshanjiao">多选</a></span>
				</div>
				<div class="CPU">
					<span class="fontColor">内存容量：</span>
					<span class="spBox">
						<ul>
							<li><a href="">2G</a></li>
							<li><a href="">4G</a></li>
							<li><a href="">8G</a></li>
							<li><a href="">16G</a></li>
						</ul>
					</span>
					<span class="duoxuan"><a href="" class="daoshanjiao">多选</a></span>
				</div>
				<div class="CPU">
					<span class="fontColor">硬盘容量：</span>
					<span class="spBox">
						<ul>
							<li><a href="">500G</a></li>
							<li><a href="">1TB</a></li>
							<li><a href="">含128G SSD</a></li>
							<li><a href="">含256G SSD</a></li>
							<li><a href="">含512G SSD</a></li>
						</ul>
					</span>
					<span class="duoxuan"><a href="" class="daoshanjiao">多选</a></span>
				</div>
				<div class="CPU">
					<span class="fontColor">操作系统：</span>
					<span class="spBox">
						<ul>
							<li><a href="">Windows 10</a></li>
							<li><a href="">Windows 8</a></li>
							<li><a href="">Windows 7</a></li>
							<li><a href="">其它</a></li>
						</ul>
					</span>
					<span class="duoxuan"><a href="" class="daoshanjiao">多选</a></span>
				</div>
				<div class="CPU">
					<span class="fontColor">屏幕尺寸：</span>
					<span class="spBox">
						<ul>
							<li><a href="">11.6英寸</a></li>
							<li><a href="">12英寸</a></li>
							<li><a href="">13.3英寸</a></li>
							<li><a href="">14英寸</a></li>
							<li><a href="">15.6英寸</a></li>
						</ul>
					</span>
					<span class="duoxuan"><a href="" class="daoshanjiao">多选</a></span>
				</div>
				<div class="CPU">
					<span class="fontColor">物理分辨率：</span>
					<span class="spBox">
						<ul>
							<li><a href="">全高清屏（1920×1080）</a></li>
							<li><a href="">普通屏（1366×768）</a></li>
							<li><a href="">高分屏（1600×900）</a></li>
							<li><a href="">超高清屏（2K/3k/4k）</a></li>
						</ul>
					</span>
					<span class="duoxuan"><a href="" class="daoshanjiao">多选</a></span>
				</div>
				<div class="CPU">
					<span class="fontColor">适用场景：</span>
					<span class="spBox">
						<ul>
							<li><a href="">校园学生</a></li>
							<li><a href="">时尚女生</a></li>
							<li><a href="">家庭娱乐</a></li>
							<li><a href="">商务办公</a></li>
							<li><a href="">高清游戏</a></li>
							<li><a href="">轻薄便携</a></li>
						</ul>
					</span>
					<span class="duoxuan"><a href="" class="daoshanjiao">多选</a></span>
				</div>
				<div class="gengduo">
					<a href="javascript:;">更多选项<span class="daoneisj"></span></a>
				</div>
				<div class="shou">
					<a href="javascript:;">收起<span class="zhengneisj"></span></a>
				</div>
				<!--商品-->
				<div class="content-top">
					<ul>
						<li style="margin-top:5px ;"><a href="" style="color: #F01A1A;">销量</a></li>
						<li style="margin-top:5px ;"><a href="">时间</a></li>
						<li style="margin-top:5px ;"><a href="">按价格由高到低</a></li>
						<li style="margin-top:5px ;"><a href="" style="border-right: none;">按价格由低到高</a></li>
						<li style="margin-top:1px ;">
							<input type="checkbox" name="" id="checkbox" />
							<label for="checkbox">有库存</label>
						</li>
						<li style="margin-left: 150px;">
							<input type="text" name="" id="" class="input" placeholder="在结果中搜索" style="float: left;"/>
							<span><a href="" class="a"  style="margin-top:3px ;">确定</a></span>
						</li>
						<li class="li">
							<span>1/5</span>
							<span><a href="">首页</a></span>
							<span><a href="">上一页</a></span>
							<span><a href="">下一页</a></span>
							<span><a href="">尾页</a></span>
						</li>
					</ul>
				</div>
				{{foreach from="$goodsData" key="$k" value="$v"}}
				<div class="content {{if value="$k%4 eq 0"}}boderLeft{{endif}}">
					<a href="{{U('content/index',array('gid'=>$v['gid']))}}" class="img"><img src="{{$v['listView']}}" alt="" width="160px" height="160px"/></a>
					<a href="{{U('content/index',array('gid'=>$v['gid']))}}" class="a">{{$v['gname']}}</a>
					<span>第六代酷睿i7-6500U</span>
					<span class="sizeRed" style="font-size: 14px;font-weight: bold;">商城价:{{$v['shopprice']}}</span>
					<div>
						<a href="" class="gouwuche"><em></em>加入购物车</a>
						<a href="" class="shoucang"><p></p>收藏</a>
					</div>
				</div>
				{{endforeach}}
				<div class="content-bottom">
					<ul>
						<li class="li">
							<span>1/5</span>
							<span><a href="">首页</a></span>
							<span><a href="">上一页</a></span>
							<span><a href="">下一页</a></span>
							<span><a href="">尾页</a></span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		{{include file="../Common/foot"}}
	</body>
</html>











































































